<!DOCTYPE html>
<html >
<head>
	<meta charset="UTF-8">
	<title>zhx-ring-buttons</title>

	<link rel="stylesheet" href="lib/zhx-ring-buttons/zhx-ring-button.css">
	<link rel="stylesheet" href="lib/rings-img/iconfont.css">

	<script src="lib/jquery/dist/jquery.min.js"></script>
	<script src="lib/angular/angular.js"></script>
	<script src="lib/velocity/velocity.js"></script>

	<script src="js/app.js"></script>

	<script src="lib/zhx-ring-buttons/zhx-ring-buttons.js"></script>

	<style>
		body{
			padding: 50px 0 0 100px;
		}
		.t_button{
			display: inline-block;
			padding: 5px 10px;
			margin: 120px 0 0 120px;
			background-color: #E91E63;
			cursor: pointer;color: #fff;
			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;
			border-radius: 10px;
		}
	</style>

</head>
<body ng-app="zhx-ring">

	<div ng-controller="zhxRingContrl">

		<h2>zhx-ring-buttons [based on AngularJS]</h2>

		<span class="t_button" zhx-ring-button="ringOptions">CONSTELLATION</span>

	</div>

</body>
</html>